@import "components";
#loginIndex{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.loginIndex-bg{
  position: absolute;
  top: 0vh;
  left: 0;
  width: 100%;
  height: 100vh;
  strong{
    display: block;
    width: 100%;
    height: 100vh;
    background: url(/imgs/see/userPage/login-bg.jpg) repeat-x center;
    background-size: 100% auto;
  }
}
.loginIndex-top{
  position: absolute;
  top: 2.45rem;
  z-index: 2000;
  width: 100%;
  text-align: center;
  strong{
    display: inline-block;
    width: 2.58rem;
    height: 1.6rem;
    background: url(/imgs/see/userPage/login-logo.png) no-repeat center;
    background-size: 100% 100%;
  }
  span{
    display: block;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.5);
  }
}
.loginIndex-cent{
  position: absolute;
  bottom: 0.5rem;
  z-index: 2000;
  padding: 0 6%;
  width: 88%;
  text-align: center;
}
.loginIndex-btn1,.loginIndex-btn2,.loginIndex-btn5{
  width: 100%;
  height: 0.98rem;
  line-height: 0.98rem;
  border-radius: 0.14rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #ffffff;
}
.loginIndex-btn2{
  background: #ccc;
}
.loginIndex-btn1{
  margin-bottom: 0.4rem;
  background: #EF593C;
}
.loginIndex-btn5{
  background-image: linear-gradient(
          rgba(255, 255, 255, 0.2),
          rgba(255, 255, 255, 0.2)),
  linear-gradient(
          rgba(128, 128, 128, 0.4),
          rgba(128, 128, 128, 0.4));
  background-blend-mode: normal,normal;
}
.loginIndex-btn3{
  margin-top: 0.5rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
  span{
    display: inline-block;
    height: 0.45rem;
    line-height: 0.45rem;
  }
}
.login-weixin{
  margin-right: 1.3rem;
  padding-left: 0.65rem;
  background: url(/imgs/see/userPage/login-weixin.png) no-repeat left center;
  background-size: 0.6rem 0.6rem;
}
.login-qq{
  padding-left: 0.6rem;
  background: url(/imgs/see/userPage/login-qq.png) no-repeat left center;
  background-size: 0.6rem 0.6rem;
}
#telLogin{
  padding-top: 0.89rem;
  font-size: 0;
  .loginIndex-btn2{
    margin-top: 0.6rem;
    text-align: center;
  }
}
.circleBar-top{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 0.89rem;
  line-height: 0.89rem;
  text-align: center;
  font-size: 0.34rem;
  color: #333;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  span {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
  }
  .goback {
    left: 0.2rem;
    background: url(/imgs/see/selfMedia/selfMediaPage-goback.png) no-repeat center;
    background-size: 0.6rem 0.6rem;
  }
  .seeIndex-colse{
    right: 0.2rem;
    background: url(/imgs/friend/index/myPost-colse.png) no-repeat center;
    background-size: 0.5rem 0.5rem;
  }
}
.telLogin-cent{
  padding: 0 0.6rem;
  margin-top: 0.9rem;
}
.telLogin-centTop,.telLogin-centButt{
  position: relative;
  height: 1.1rem;
  line-height: 1.3rem;
  font-size: 0.32rem;
  color: #333333;
  border-bottom: 1px solid #e2e2e2;
}
.telLogin-centTop{
  strong{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.28rem;
    font-weight: inherit;
    color: #EF593C;
  }
  span{
    margin-left: 0.08rem;
    font-weight: bold;
    font-size: 0.3rem;
    font-family: "宋体";
  }
}
.telLogin-centButt{
  input{
    margin-left: 6%;
    padding: 0.3rem 0.1rem;
    width: 70%;
    border: none;
    background: transparent;
  }
  strong{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 0.45rem;
    height: 80%;
    background: url(/imgs/see/recruitPage/recruitScreen-icon1.png) no-repeat center;
    background-size: 0.45rem 0.45rem;
  }
}
.telLogin-txt{
  margin-top: 0.5rem;
  text-align: center;
  font-size: 0.28rem;
  color: #EF593C;
}
.telLogin-butt{
  margin-top: 4.5rem;
  //position: fixed;
  //left: 0;
  //bottom: 0.4rem;
  width: 100%;
  text-align: center;
  font-size: 0.26rem;
  color: #333;
  a{
    color: #6891DB;
  }
}
.txt4090f7{
  font-size: 0.28rem;
  color: #EF593C;
}
.txtccc{
  color: #ccc;
}
.verification{
  margin-top: 1rem;
  padding: 0 0.6rem;
  p{
    margin-bottom: 0.2rem;
    font-size: 0.32rem;
    color: #333333;
  }
  input:first-child{
    margin-left: 0;
  }
  input{
    margin-left: 0.06rem;
    width: 0.9rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 0.1rem;
    font-size: 0.6rem;
    color: #333;
    background: transparent;
  }
  .verification-input{
    margin: 0.8rem 0 0.3rem;
    height: 1.08rem;
  }
  .txtccc{
    span{
      margin-left: 0.05rem;
    }
  }
}
.pwdLogin{
  margin-top: 0.3rem;
  padding: 0 0.6rem;
  font-size: 0;
  .telLogin-centTop{
    border-bottom: none;
  }
  .telLogin-centButt{
    input{
      margin-left: 0;
      width: 87%;
    }
  }
  .loginIndex-btn2{
    margin-top: 0.7rem !important;
  }
  .loginIndex-btn1{
   margin-bottom: 0.25rem;
  }
  .pwdLogin-txt{
    margin-top: 0.25rem;
  }
  .txtRight{
    float: right;
  }
}
#otherLogin{
  //display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 3rem;
  background: #fff;
}
.otherLogin-nav{
  padding: 0.4rem 0.3rem 0;
  height: 1.6rem;
  font-size: 0.2rem;
  color: #333333;
  text-align: center;
  span{
    float: left;
    padding-top: 1rem;
    width: 33%;
  }
  .telLogin-weixin{
    background: url(/imgs/see/userPage/telLogin-weixin.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .telLogin-qq{
    background: url(/imgs/see/userPage/telLogin-qq.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .telLogin-pwd{
    background: url(/imgs/see/userPage/telLogin-pwd.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
}
.otherLogin-btn{
  line-height: 1rem;
  text-align: center;
  font-size: 0.26rem;
  color: #333;
  border-top: 1px solid #e2e2e2;
}

#registerOK{
  display: none;
  position: fixed;
  top: 0;
  left:0;
  z-index: 2000;
  padding: 15vh 10vw 0;
  width: 80vw;
}
.registerOK-bg{
  padding: 0.65rem 3% 0;
  width: 94%;
  height: 7.5rem;
  background: url(/imgs/see/userPage/register-bg.png) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  h6{
    margin: 0.24rem 0 0.2rem;
    font-size: 0.44rem;
    color: #FFFFFF;
  }
  p{
    font-size: 0.36rem;
    color: #FFCF61;
  }
}
.registerOK-head{
  display: inline-block;
  width: 1.37rem;
  height: 1.37rem;
  border: 0.05rem solid #fff;
  border-radius: 50%;
  background-size: 100% 100%;
}
.registerOK-cent{
  margin-top: 0.4rem;
  padding: 0 0.3rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.3rem;
  color: #333333;
  background: #FFFFFF;
  border-radius: 0.06rem;
  text-align: left;
  span{
    float: right;
    font-size: 0.38rem;
    color: #E7454E;
    padding-left: 0.4rem;
    background: url(/imgs/happyi/index/happyi-mon.png) no-repeat left center;
    background-size: 0.34rem 0.34rem;
  }
}
.coupon-list{
  position: relative;
  margin-top: 0.18rem;
  padding-top: 0.35rem;
  height: 2.1rem;
  background: url("/imgs/purchase/coupon/coupon-bg.png") no-repeat center;
  background-size: 100% 100%;
  text-align: left;
  .slide-img{
    display: block;
    position: absolute;
    top: 0.27rem;
    left: 0.26rem;
    width: 1.22rem;
    height: 1.26rem;
    background: url("/imgs/purchase/coupon/coupon-icon5.png") no-repeat center;
    background-size: 100% 100%;
  }
  h6{
    position: relative;
    z-index: 11;
    padding: 0 0.2rem 0 1.7rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.3rem;
    color: #333333;
  }
  .coupon-lable{
    margin: 0.1rem 0 0.1rem 1.7rem;
    display: inline-block;
    padding: 0 0.08rem;
    //width: 0.76rem;
    height: 0.32rem;
    line-height: 0.32rem;
    text-align: center;
    font-size: 0.2rem;
    color: #EF593C;
    border: 1px solid #EF593C;
    border-radius: 0.03rem;
  }
  .list-butt{
    position: absolute;
    left: 0;
    bottom: 0.05rem;
    padding: 0 4.5%;
    width: 91%;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.24rem;
    color: #999;
  }
  .list-btn,.list-btn1{
    margin: 0.1rem 0 0 0.2rem;
    float: right;
    width: 1.3rem;
    height: 0.43rem;
    line-height: 0.43rem;
    text-align: center;
    border-radius: 0.05rem;
    font-size: 0.24rem;
  }
  .list-btn{
    color: #EF593C;
    border: 1px solid #EF593C;
  }
  .list-btn1{
    color: #666666;
    border: 1px solid #CCCCCC;
  }
}
.registerOK-butt{
  margin-top: 0.05rem;
  font-size: 0.24rem;
  color: #962227;
}
.registerOK-btn{
  margin: 0.7rem auto 0;
  width: 0.74rem;
  height: 0.74rem;
  background: url(/imgs/see/userPage/register-icon.png) no-repeat center;
  background-size: 100% 100%;
}
.maskShow{
  display: block !important;
}